<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>图表分析</title>
    <link type="text/css" th:href="@{/css/theme.css}" rel="stylesheet">
    <link type="text/css" th:href="@{/scss/comprehensive-charts.css}" rel="stylesheet">
</head>
<body>
<div th:replace="~{common/header :: header}"></div>
<main class="main">
    <section class="spotlight parallax bg-cover bg-size--cover">
        <div id="charts" class="clearfix">
            <div class="charts-box-1">
                <div class="charts-title">知识指标</div>
                <div id="bar-charts-1" class="charts-bar-box"></div>
                <div class="charts-title">能力指标</div>
                <div id="bar-charts-2" class="charts-bar-box"></div>
                <div class="charts-title">素养指标</div>
                <div id="bar-charts-3" class="charts-bar-box"></div>
            </div>
            <div class="charts-box-2">
                <div id="radar-charts" class="charts-radar-box"></div>
                <div id="radar-charts-1" class="charts-radar-box" style="height: 478px"></div>
                <div id="radar-charts-2" class="charts-radar-box" style="height: 478px"></div>
            </div>
        </div>
    </section>
</main>
<div th:replace="~{common/footer :: footer}"></div>
</body>
<script th:src="@{/js/echarts.min.js}"></script>
<script th:src="@{/js/bar-charts.js}"></script>
<script th:src="@{/js/radar-charts.js}"></script>
</html>